<!DOCTYPE html>
<html>

<head>
	<title>ビジネス関係</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" href='__STATIC__/plugins/bootstrap-5.1.3-dist/css/bootstrap.css'>
	<script src='__HOME__/js/jquery.js'></script>
	<link rel="stylesheet" href="__HOME__/css/css.css">
</head>

<body>
	<div class="container">
	<!--	<ul class="nav justify-content-center">			
			<li class="nav-item">
				<a class="nav-link" href="/index.html">ご注文前</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="/after.html">ご注文後</a>
			</li>
			<li class="nav-item">
				<a class="nav-link active" href="/cooperate.html">ビジネス関係</a>
			</li>
		</ul>-->
		<h1 class="text-center my-4">ビジネスに関するお問い合わせ</h1>
		<form id="quickForm" method="post">
			<!-- 购入地点 -->
			<div class="row mb-3">
				<label for="companyName" class="col-sm-2 col-form-label"><span class="text-danger">*</span> 会社名</label>
				<div class="col-sm-10 form-group">
					<input type="text" class="ipt form-control" id="companyName" name="companyName">
				</div>
			</div>
			<div class="row mb-3">
				<label for="buyPeo" class="col-sm-2 col-form-label"><span class="text-danger">*</span> お名前</label>
				<div class="col-sm-10 form-group">
					<input type="text" class="ipt form-control" id="buyPeo" name="buyPeo">
				</div>
			</div>
			<div class="row mb-3">
				<label for="email" class="col-sm-2 col-form-label"><span class="text-danger">*</span> メールアドレス</label>
				<div class="col-sm-10 form-group">
					<input type="text" class="ipt form-control" id="email" name="email">
				</div>
			</div>
			<div class="row mb-3">
				<label for="tel" class="col-sm-2 col-form-label"> <span class="text-danger">*</span>電話番号</label>
				<div class="col-sm-10 form-group">
					<input type="text" class="ipt form-control" id="tel" name="tel">
				</div>
			</div>
			<div class="row mb-3">
				<label for="remark" class="col-sm-2 col-form-label"><span class="text-danger">*</span> お問い合わせ内容</label>
				<div class="col-sm-10 form-group">
					<input type="text" class="ipt form-control" id="remark" name="remark">
				</div>
			</div>
			<div class="row mb-3">
				<label for="goodsName" class="col-sm-2 col-form-label">请在留言框里留下联系微信号码及简单自我介绍，优势及可以合作的项目。我们会尽快联系您。</label>
				<div class="col-sm-10 form-group">
					<input type="hidden" class="ipt" id='image' name="image" value=""/>
					<div id='imgPicker'>ファイルの選択</div>
					<span id='uploadMsg'></span>
					<div style='float: left;margin-left: 5px;' id="preview">
						
					</div>
					<span id="remind" style="line-height: 30px;float: left;margin-left: 5px;">ご対応をスムーズに進めるために、写真や動画「JPEG、GIF、PNG、JPG、MP4、MOV」をお送りいただけますと幸いです。</span>					
				</div>
			</div>
             <div lass="row mb-3" style="color:#F00">
							「微信（WeChat）のアカウントと自己紹介、および協力可能なプロジェクトについて以下のコメント欄にご記入ください。折り返しご連絡させていただきます。
                    </div>
            
			<div class="d-grid gap-2">
				<input type="hidden" class="ipt form-control" id="url" name="url" value="{$url}" />
				<button type="submit" class="btn btn-primary">送信</button>
			</div>
		</form>
	</div>
	<!-- 底部 -->
	<script>
		window.conf = {
			"DOMAIN": "{:str_replace('index.php','',$Request.root.true)}", // 域名
			"ROOT": "__ROOT__",
			"APP": "__APP__",
			"STATIC": "__STATIC__", // 静态文件目录
			"SUFFIX": "{:config('url_html_suffix')}", // url后缀
			"GOODS_LOGO": "/{:ZHTConf('CONF.goodsLogo')}", // 商品默认图片
			"SHOP_LOGO": "/{:ZHTConf('CONF.shopLogo')}", // 店铺默认头像
			"WEB_LOGO": "/{:ZHTConf('CONF.webLogo')}", // 商城默认logo
			"USER_LOGO": "/{:ZHTConf('CONF.userLogo')}", // 用户默认头像
			"IS_LOGIN": "{if (int)session('ZHT_USER.userId')>0 }1{else}0{/if}", // 会员是否登录
			"TIME_TASK": "0", // 是否每秒中刷新信息，购物车，用户消息会用到
		}
	</script>
	<!-- layui -->
	<script src="__STATIC__/plugins/layui/layui.all.js"></script>
	<!-- 自定义 -->
	<script src="__STATIC__/js/zht-common.js"></script>
	<script src="__STATIC__/js/zht-home.js"></script>
	<!-- jquery-validation -->
	<script src="__STATIC__/plugins/jquery-validation/jquery.validate.min.js"></script>
	<script src="__STATIC__/plugins/jquery-validation/additional-methods.min.js"></script>
	<script src="__STATIC__/js/input-cooperate.js"></script>
	<!--上传图片-->
	<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css" />
	<script type="text/javascript" src="__STATIC__/plugins/webuploader/webuploader.js"></script>
	<script type='text/javascript'>
		$(function () {
			// 上传图片js
			ZHT.upload({
				pick:'#imgPicker',
				// formData: {dir:'../chargebackjp.cc/static/upload/order'},// formData: {dir:'articles',isThumb:1},
				formData: {dir:'../admin/chargebackjp/interface/static/upload/order'},// formData: {dir:'articles',isThumb:1},
				server:ZHT.U('home/base/uploadFile'),
				accept: {extensions: 'gif,jpg,jpeg,png,mp4,mov',mimeTypes: 'image/jpg,image/jpeg,image/png,image/gif,video/*'},
				callback:function(f){
					// console.log(f);
					var json = ZHT.toJson(f);
					if(json.status==1){
					$('#uploadMsg').empty().hide();
					if(json.name.split(".").pop().toLowerCase() == 'mp4' || json.name.split(".").pop().toLowerCase() == 'mov'){
						$('#preview').html('<video src="http://admin.kireido.cn/chargebackjp/interface/static/upload/order/'+json.name+'" height="50"></video>');
					}else{
						$('#preview').html('<img src="http://admin.kireido.cn/chargebackjp/interface/static/upload/order/'+json.name+'" height="50" />');
					}					
					$('#image').val(json.name);
					}
				},
				progress:function(rate){
						$('#uploadMsg').show().html('已上传'+rate+"%");
				}
			});
		});
	</script>
</body>

</html>